{extend name="common/layout" /}
{block name="head"}

<aside id="app-aside" class="app-aside top light">
    <div class="container">
        <!-- aside-menu -->
        <div class="aside-menu-wrapper">
            <div id="aside-top-menu-toggle" class="visible-xs-inline-block">
                <button data-toggle="class" data-target="#aside-top-menu" data-class="open" self-toggle="is-active" class="hamburger hamburger--spin js-hamburger" type="button">
					<span class="hamburger-box">
						<span class="hamburger-inner"></span>
					</span>
                </button>
            </div>
            <ul class="sf-menu aside-menu aside-top-menu" id="aside-top-menu">
                <li>
                    <a href="/" class="menu-link">
                        <span class="menu-icon"><i class="fa fa-home"></i></span>
                        <span class="menu-text">网站首页</span>
                    </a>
                </li><!-- .menu-item -->

                <li>
                    <a href="{:url('query')}" class="menu-link">
                        <span class="menu-icon"><i class="fa fa-search"></i></span>
                        <span class="menu-text">查单首页</span>
                    </a>
                </li><!-- .menu-item -->

                <li>
                    <a href="{:url('login')}" class="menu-link">
                        <span class="menu-icon"><i class="fa fa-sign-in"></i></span>
                        <span class="menu-text">会员登录</span>
                    </a>
                </li><!-- .menu-item -->
                <li>
                    <a href="{:url('login')}" class="menu-link">
                        <span class="menu-icon"><i class="fa fa-registered"></i></span>
                        <span class="menu-text">免费注册</span>
                    </a>
                </li><!-- .menu-item -->
            </ul>
        </div>
        <!-- /aside-menu -->

    </div>
</aside>
{/block}
{block name="navbar"}
<a href="{:url('query')}" id="app-brand" class="app-brand text-white">
    <span id="brand-icon" class="brand-icon"><i class="fa fa-gg"></i></span>
    <span id="brand-name" class="brand-icon foldable">查单首页</span>
</a>
{/block}
{block name="main"}
<div class="profile-header">
    <div class="profile-cover">
        <div class="text-center">
            <img class="img-circle"
                 src="http://q1.qlogo.cn/g?b=qq&nk={$info.uin}&s=160" alt="avatar">
            <h3 class="text-info m-b-lg" style="margin-top:15px;"><i class="fa fa-qq"></i> {$info.uin}</h3>

        </div>
    </div><!-- .profile-cover -->

    <div class="promo-footer">
        <div class="row no-gutter">
            <div class="col-xs-6 promo-tab">
                <div class="text-center">
                    <small>Q Q状态</small>
                    <h4 class="m-0 m-t-xs">{:getQqZt($info.zt)}&nbsp;
                    </h4>
                </div>
            </div>
            <div class="col-xs-6 promo-tab">
                <div class="text-center">
                    <small>COOKIE状态</small>
                    <h4 class="m-0 m-t-xs">{if condition="$info.cookiezt"}<font
                            color="red">需更新</font>{else}<font
                            color="green">正常</font>{/if}

                    </h4>
                </div>
            </div>
        </div>
    </div><!-- .promo-footer -->
</div>
<div class="row" style="margin-top: 20px;">
    <div class="col-md-12">
        <div class="widget">
            <header class="widget-header">
                <h4 class="widget-title">
                    {$info.uin}-订单列表
                </h4>
            </header><!-- .widget-header -->
            <hr class="widget-separator">
            <div class="widget-body table-responsive">
                <table class="table table-hover table-striped">
                    <thead>
                    <tr>
                        <th class="text-center">代挂项目</th>
                        <th class="text-center">到期时间</th>
                        <th class="text-center">状态</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name="$orderList" id="order"}
                    <tr>
                        <td class="text-center">{$order.name}</td>
                        <td class="text-center">{$order.endtime}</td>
                        <td class="text-center">
                            {if condition="$order.zt eq 0"}
                            <font color="green">加速中</font>
                            {elseif condition="$order.zt eq 1"}
                            <font color="#d2691e">补挂中</font>
                            {elseif condition="$order.zt eq 2"}
                            <font color="#red">已关闭</font>
                            {else}
                            <font color="#red">未知</font>
                            {/if}
                        </td>
                    </tr>
                    {/volist}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{/block}

